export default {
  data() {
    return {

    }
  },

  mounted() {

  },
  methods: {
    /**
     * 将本地图片转化为Base64，否则vue-cropper组件显示不出要本地需要剪裁的图片
     * @param {*} file  二进制文件
     */
    imageToBase64(file) {
      const vm = this;
      let reader = new FileReader();
      reader.readAsDataURL(file);
      reader.onload = () => {
        // 截图框中的图片
        vm.$set(vm.option, "img", reader.result);
        vm.$nextTick(() => {
          vm.modelShow = true;
        });
      };
      reader.onerror = function (error) {
        console.log("Error: ", error);
      };
      return false;
    },
    //裁剪
    getCropFile() {
      // 获取截图的blob数据
      if (this.fileType == 'Blob') {
        let formData = new FormData();
        this.$refs.cropper.getCropBlob((data) => {
          formData.append('avatar', data, this.imageFileName);
          // formData私有类对象，访问不到，可以通过get判断值是否传进去
          // console.log(formData.get('avatar'));
          this.$emit('getFile', formData)
        })
      }

      // 获取截图的base64 数据
      if (this.fileType == 'Base64') {
        this.$refs.cropper.getCropData((data) => {
          this.$emit('getFile', data)
        })
      }
      //关闭 裁剪模态框
      this.modelShow = false;
    },
    // 旋转裁剪图片
    rotateImage() {
      this.$refs.cropper.rotateRight();
    }
  }
}